<script setup>
import {reactive, toRef, toRefs} from "vue";

let car = reactive({brand: "宝马", price: 288888})
// 这两个值的修改与car中的值没有任何关系
let {brand, price} = car;
// 此时refBrand与refPrice均为Ref类型的响应式对象，他们的值是响应式的,并且他们的值的变化和car中的值息息相关
let {brand: refBrand, price: refrice} = toRefs(car);
// 获取单独的响应式对象
let newRefBrand = toRef(car, 'brand')
</script>

<template>

</template>

<style scoped>

</style>